<?php
/**
 * gpa_demo Description
 * @package
 * @name Image Gallery Details
 * @filesource image-details.html.php
 * @author Hanny Setiawan
 */

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title><?php echo "";?></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <script src="<?php echo HTTP_SERVER; ?>js/jquery.js" type="text/javascript"></script>
		<link rel="stylesheet" href="<?php echo PAGE_URL; ?>css/prettyPhoto.css" type="text/css" media="screen"/>
                <link rel="stylesheet" href="<?php echo PAGE_URL; ?>css/ImageGallery.css" type="text/css" media="screen"/>
                <script src="<?php echo PAGE_URL; ?>js/prettyPhoto.js" type="text/javascript"></script>
		<script src="<?php echo PAGE_URL; ?>js/prettyComments.js" type="text/javascript"></script>
	</head>
    <body>
        <ul class="gallery-detail">
            <li>
                <a href="<?php echo $detail['view_url'];?>" rel="prettyPhoto" title="<?php echo $detail['description'];?>">
                    <img src="<?php echo $detail['img_url'];?>" alt="<?php echo $detail['title'];?>" />
                </a>
                <div id="comments">
                    <!--<div class="user-photo">
                        <img src="../User/images/hanny.setiawan.jpg">
                    </div>-->
                    <div class="comment-section">
                        <div class="comment-label">Comments :</div>
                        <div class="comment-area">
                            <textarea name="comment-field" rows="3"></textarea>
                        </div>
                        <div class="comment-button">
                            <input type="submit" value="Comment"></input>
                        </div>
                    </div>
                </div>
            </li>            
	</ul>
        
        <script type="text/javascript">
            $(document).ready(function(){
                $(".comment-area textarea").prettyComments();
                $(".gallery-detail a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded'});
            });
        </script>
    </body>
</html>